<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>m音乐</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- <link rel="stylesheet" href="css/style.css"> -->
    <link rel="stylesheet" href="css/page.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/header.css">
    <style>
        body{
            background-image: url(images/bg_hua.png) !important;
        }
    </style>
</head>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <nav class="navbar navbar-default center-block">
                    <div class="container container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <span>音乐</span>
                            </a>

                        </div>

                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="./index.html" class="active">首页</a></li>
                                <li><a href="./mymusic.html">我的音乐</a></li>
                                <li><a href="./vip.html">VIP</a></li>
                                <li><a href="#">登录</a></li>
                                <li><a href="#">注册</a></li>


                            </ul>
                        </div><!-- /.navbar-collapse -->

                    </div><!-- /.container-fluid -->
                </nav>

                <div class="navbar m-top-subnav center-block">
                    <div class="container container-fluid">
                        <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li><a href="./singer.html">歌手</a></li>
                                <li><a href="./disc.html">新碟</a></li>
                                <li><a href="./rank1.html" class="active">排行榜</a></li>
                                <li><a href="./classify.html">分类歌单</a></li>
                                <li><a href="./radio.html">电台</a></li>
                                <li><a href="./mv.html">MV</a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<div class="mlist center-block">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="mlist-header center-block">
                    <h2 class="section-heading text-center">M-music 音乐榜</h2>
                    <!-- <h3 class="subtitle text-center">m-music-list</h3> -->
                    <ul class="clearfix change">
                        <li class="fl text-left">
                            <a href="toplist.html" target="key" class="front">巅峰榜</a>
                            <a href="#" class="back">TOP</a>
                        </li>
                        <li class="fl text-left">
                            <a href="arealist.html" target="key" class="front">地区榜</a>
                            <a href="#" class="back">Regional</a>
                        </li>
                        <li class="fl text-left">
                            <a href="feaurelist.html" target="key" class="front">特色榜</a>
                            <a href="#" class="back">Feature</a>

                        </li>
                        <li class="fl text-left">
                            <a href="global.html" target="key"" class=" front">全球榜</a>
                            <a href="#" class="back">Global</a>
                        </li>
                    </ul>
                </div>
                <iframe name="key" scrolling="no" frameborder="0" src="toplist.html" height="4200px" width="100%">
                </iframe>
                <!-- <div class="top-list">

                    <div class="top-but">
                        <button class="all"><i class="iconfont">&#xe626;</i>播放全部</button>
                        <button class="other"><i class="iconfont">&#xe60a;</i> 添加到</button>
                        <button class="other"><i class="iconfont">&#xe631;</i> 下载</button>
                        <button class="other"><i class="iconfont">&#xe60c;</i> 评论</button>
                    </div>

                    <table class="detail-content text-left">
                        <tr>
                            <td></td>
                            <td colspan="2">歌名</td>
                            <td>歌手</td>
                            <td>时长</td>
                            <td>分类</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">01</td>
                            <td colspan="2"><img src="images/tese01.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">02</td>
                            <td colspan="2"><img src="images/tese02.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">03</td>
                            <td colspan="2"><img src="images/tese03.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">04</td>
                            <td colspan="2"><img src="images/test04.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">05</td>
                            <td colspan="2"><img src="images/tese05.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">06</td>
                            <td colspan="2"><img src="images/tese06.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">07</td>
                            <td colspan="2"><img src="images/tese07.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">08</td>
                            <td colspan="2"><img src="images/tese08.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">09</td>
                            <td colspan="2"><img src="images/tese09.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">10</td>
                            <td colspan="2"><img src="images/tese10.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">11</td>
                            <td colspan="2"><img src="images/test11.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">12</td>
                            <td colspan="2"><img src="images/test12.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">13</td>
                            <td colspan="2"><img src="images/test13.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">14</td>
                            <td colspan="2"><img src="images/test14.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">15</td>
                            <td colspan="2"><img src="images/test15.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">16</td>
                            <td colspan="2"><img src="images/test16.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">17</td>
                            <td colspan="2"><img src="images/test17.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">18</td>
                            <td colspan="2"><img src="images/test18.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">19</td>
                            <td colspan="2"><img src="images/test19.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">20</td>
                            <td colspan="2"><img src="images/test20.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>

                    </table>

                    <h2 class="comment-title">评论
                        <span class="comment-subtitle"> 共6536条评论</span>
                    </h2>
                    <textarea cols="30" rows="5" placeholder="期待你的评论..."></textarea>
                    <div class="submit-comment text-right">
                        <a href="#"><i class="iconfont">&#x3435;</i></a>
                        <button>发表评论</button>
                    </div>
                    <div class="comment-area">
                        <h2>最新评论（65条）</h2>

                        <div class="area-list clearfix">
                            <img src="images/user1.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user2.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user3.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user4.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user5.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user6.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user7.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user8.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user9.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user11.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user12.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user13.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user14.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user15.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user16.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user17.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user18.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user19.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user20.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>

                        <div class="area-but text-center">
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">></a>
                        </div>
                    </div>

                </div> -->
                <!-- toplist end -->

                <!-- <div class="area-list">

                    <div class="top-but">
                        <button class="all"><i class="iconfont">&#xe626;</i>播放全部</button>
                        <button class="other"><i class="iconfont">&#xe60a;</i> 添加到</button>
                        <button class="other"><i class="iconfont">&#xe631;</i> 下载</button>
                        <button class="other"><i class="iconfont">&#xe60c;</i> 评论</button>
                    </div>

                    <table class="detail-content text-left">
                        <tr>
                            <td></td>
                            <td colspan="2">歌名</td>
                            <td>歌手</td>
                            <td>时长</td>
                            <td>分类</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">01</td>
                            <td colspan="2"><img src="images/tese01.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">02</td>
                            <td colspan="2"><img src="images/tese02.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">03</td>
                            <td colspan="2"><img src="images/tese03.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">04</td>
                            <td colspan="2"><img src="images/test04.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">05</td>
                            <td colspan="2"><img src="images/tese05.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">06</td>
                            <td colspan="2"><img src="images/tese06.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">07</td>
                            <td colspan="2"><img src="images/tese07.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">08</td>
                            <td colspan="2"><img src="images/tese08.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">09</td>
                            <td colspan="2"><img src="images/tese09.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">10</td>
                            <td colspan="2"><img src="images/tese10.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">11</td>
                            <td colspan="2"><img src="images/test11.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">12</td>
                            <td colspan="2"><img src="images/test12.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">13</td>
                            <td colspan="2"><img src="images/test13.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">14</td>
                            <td colspan="2"><img src="images/test14.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">15</td>
                            <td colspan="2"><img src="images/test15.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">16</td>
                            <td colspan="2"><img src="images/test16.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">17</td>
                            <td colspan="2"><img src="images/test17.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">18</td>
                            <td colspan="2"><img src="images/test18.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">19</td>
                            <td colspan="2"><img src="images/test19.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">20</td>
                            <td colspan="2"><img src="images/test20.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>

                    </table>

                    <h2 class="comment-title">评论
                        <span class="comment-subtitle"> 共6536条评论</span>
                    </h2>
                    <textarea cols="30" rows="5" placeholder="期待你的评论..."></textarea>
                    <div class="submit-comment text-right">
                        <a href="#"><i class="iconfont">&#x3435;</i></a>
                        <button>发表评论</button>
                    </div>
                    <div class="comment-area">
                        <h2>最新评论（65条）</h2>

                        <div class="area-list clearfix">
                            <img src="images/user1.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user2.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user3.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user4.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user5.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user6.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user7.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user8.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user9.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user11.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user12.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user13.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user14.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user15.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user16.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user17.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user18.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user19.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user20.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>

                        <div class="area-but text-center">
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">></a>
                        </div>
                    </div>

                </div> -->
                <!-- arealist end -->

                <!-- <div class="feaure-list">

                    <div class="top-but">
                        <button class="all"><i class="iconfont">&#xe626;</i>播放全部</button>
                        <button class="other"><i class="iconfont">&#xe60a;</i> 添加到</button>
                        <button class="other"><i class="iconfont">&#xe631;</i> 下载</button>
                        <button class="other"><i class="iconfont">&#xe60c;</i> 评论</button>
                    </div>

                    <table class="detail-content text-left">
                        <tr>
                            <td></td>
                            <td colspan="2">歌名</td>
                            <td>歌手</td>
                            <td>时长</td>
                            <td>分类</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">01</td>
                            <td colspan="2"><img src="images/tese01.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">02</td>
                            <td colspan="2"><img src="images/tese02.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">03</td>
                            <td colspan="2"><img src="images/tese03.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">04</td>
                            <td colspan="2"><img src="images/test04.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">05</td>
                            <td colspan="2"><img src="images/tese05.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">06</td>
                            <td colspan="2"><img src="images/tese06.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">07</td>
                            <td colspan="2"><img src="images/tese07.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">08</td>
                            <td colspan="2"><img src="images/tese08.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">09</td>
                            <td colspan="2"><img src="images/tese09.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">10</td>
                            <td colspan="2"><img src="images/tese10.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">11</td>
                            <td colspan="2"><img src="images/test11.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">12</td>
                            <td colspan="2"><img src="images/test12.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">13</td>
                            <td colspan="2"><img src="images/test13.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">14</td>
                            <td colspan="2"><img src="images/test14.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">15</td>
                            <td colspan="2"><img src="images/test15.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">16</td>
                            <td colspan="2"><img src="images/test16.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">17</td>
                            <td colspan="2"><img src="images/test17.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">18</td>
                            <td colspan="2"><img src="images/test18.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">19</td>
                            <td colspan="2"><img src="images/test19.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">20</td>
                            <td colspan="2"><img src="images/test20.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>

                    </table>

                    <h2 class="comment-title">评论
                        <span class="comment-subtitle"> 共6536条评论</span>
                    </h2>
                    <textarea cols="30" rows="5" placeholder="期待你的评论..."></textarea>
                    <div class="submit-comment text-right">
                        <a href="#"><i class="iconfont">&#x3435;</i></a>
                        <button>发表评论</button>
                    </div>
                    <div class="comment-area">
                        <h2>最新评论（65条）</h2>

                        <div class="area-list clearfix">
                            <img src="images/user1.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user2.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user3.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user4.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user5.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user6.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user7.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user8.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user9.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user11.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user12.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user13.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user14.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user15.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user16.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user17.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user18.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user19.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user20.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>

                        <div class="area-but text-center">
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">></a>
                        </div>
                    </div>

                </div> -->
                <!-- feaurelist end -->
                <!-- <div class="global-list">

                    <div class="top-but">
                        <button class="all"><i class="iconfont">&#xe626;</i>播放全部</button>
                        <button class="other"><i class="iconfont">&#xe60a;</i> 添加到</button>
                        <button class="other"><i class="iconfont">&#xe631;</i> 下载</button>
                        <button class="other"><i class="iconfont">&#xe60c;</i> 评论</button>
                    </div>

                    <table class="detail-content text-left">
                        <tr>
                            <td></td>
                            <td colspan="2">歌名</td>
                            <td>歌手</td>
                            <td>时长</td>
                            <td>分类</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">01</td>
                            <td colspan="2"><img src="images/tese01.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">02</td>
                            <td colspan="2"><img src="images/tese02.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num mred">03</td>
                            <td colspan="2"><img src="images/tese03.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">04</td>
                            <td colspan="2"><img src="images/test04.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">05</td>
                            <td colspan="2"><img src="images/tese05.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">06</td>
                            <td colspan="2"><img src="images/tese06.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">07</td>
                            <td colspan="2"><img src="images/tese07.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">08</td>
                            <td colspan="2"><img src="images/tese08.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">09</td>
                            <td colspan="2"><img src="images/tese09.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">10</td>
                            <td colspan="2"><img src="images/tese10.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">11</td>
                            <td colspan="2"><img src="images/test11.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">12</td>
                            <td colspan="2"><img src="images/test12.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">13</td>
                            <td colspan="2"><img src="images/test13.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">14</td>
                            <td colspan="2"><img src="images/test14.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">15</td>
                            <td colspan="2"><img src="images/test15.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">16</td>
                            <td colspan="2"><img src="images/test16.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">17</td>
                            <td colspan="2"><img src="images/test17.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">18</td>
                            <td colspan="2"><img src="images/test18.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">19</td>
                            <td colspan="2"><img src="images/test19.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center num">20</td>
                            <td colspan="2"><img src="images/test20.jpg" alt="">
                                <a href="#">飞鸟与蝉</a></td>
                            <td><a href="#"> 任然</a></td>
                            <td><a href="#"> 04:56</a></td>
                            <td><a href="#"> 飙升指数</a></td>
                            <td class="text-center">
                                <a href="#"><i class="iconfont">&#xe626;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe60a;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe607;
                                    </i></a>
                                <a href="#"><i class="iconfont">&#xe604;
                                    </i></a>
                            </td>
                        </tr>

                    </table>

                    <h2 class="comment-title">评论
                        <span class="comment-subtitle"> 共6536条评论</span>
                    </h2>
                    <textarea cols="30" rows="5" placeholder="期待你的评论..."></textarea>
                    <div class="submit-comment text-right">
                        <a href="#"><i class="iconfont">&#x3435;</i></a>
                        <button>发表评论</button>
                    </div>
                    <div class="comment-area">
                        <h2>最新评论（65条）</h2>

                        <div class="area-list clearfix">
                            <img src="images/user1.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user2.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user3.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user4.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user5.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user6.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user7.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user8.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user9.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user10.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user11.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user12.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user13.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user14.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user15.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user16.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user17.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user18.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user19.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>
                        <div class="area-list clearfix">
                            <img src="images/user20.jpg" class="fl">
                            <div class="fl clearfix area-content">
                                <p class="username">妍妍</p>
                                <p>破</p>
                                <span class="time">7月27日 04:56</span>
                                <span class="fr">
                                   <a href="#"> <i class="iconfont">&#xfd10;</i></a>
                                    <a href="#"><i class="iconfont">&#xe613;</i></a>
                                </span>
                            </div>
                        </div>

                        <div class="area-but text-center">
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">></a>
                        </div>
                    </div>

                </div> -->
                <!-- globalist end -->


            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container m_content">
        <div class="row">
            <div class="row">
                <div class="col-md-4 col-sm-12">
                    <span class="">下载我的音乐客户端</span>


                    <div class="m_cont">
                        <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                        <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                        <div><a href="#">&#xe63d;</a><span>苹果版</span></div>

                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <span>协议与声明</span>
                    <div class="m_agreement">
                        <span>用户与服务协议</span>
                        <span>免责声明</span>
                        <span>隐私政策</span>
                        <span>权利声明</span>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <span>其他</span>
                    <div class="m_more">
                        <span>联系我们</span>
                        <span>腾讯音乐</span>
                        <span>诚聘英才</span>
                        <span>广告服务</span>
                        <span>网上有害信息举报专所</span>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12">
                <div>
                    <span>
                        北京知了科技有限公司版权所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2
                        -20090418 I京ICP证
                        <br>060261号
                    </span>
                    <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                    </span>
                    <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                    </span>

                </div>
            </div>

        </div>
    </div>
</footer>

</html>